.clearfix{
    display: inline-block;
    &::after{
        display: block;
        content: "";
        height: 0;
        line-height: 0;
        clear: both;
        visibility: hidden;
    }
}
// 横向缩放
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
    .border-1px{
        &::after{
            transform:scaleY(0.7);   
        }
    }
}   

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
    .border-1px{
        &::after{
            transform:scaleY(0.5);    
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 2.5),(min-device-pixel-ratio: 2.5) {
    .border-1px{
        &::after{
            transform:scaleY(0.4);     
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .border-1px{
        &::after{
            transform:scaleY(0.333);    
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 3.5),(min-device-pixel-ratio: 3.5) {
    .border-1px{
        &::after{
            transform:scaleY(0.2857);    
        }
    }
}

// 纵向缩放
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
    .border-height-1px{
        &::after{
            transform:scaleX(0.7);   
        }
    }
}   

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
    .border-height-1px{
        &::after{
            transform:scaleX(0.5);    
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 2.5),(min-device-pixel-ratio: 2.5) {
    .border-height-1px{
        &::after{
            transform:scaleX(0.4);     
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    .border-height-1px{
        &::after{
            transform:scaleX(0.333);    
        }
    }
}

@media (-webkit-min-device-pixel-ratio: 3.5),(min-device-pixel-ratio: 3.5) {
    .border-height-1px{
        &::after{
            transform:scaleX(0.2857);    
        }
    }
}